<template>
  <m-page>
    <!-- 添加银行卡 -->
    <m-header title="电子合同"></m-header>
    <!-- 主页 -->
    <div class="g-content">
      <!-- 提示 -->
      <div class="g-tip">
        <span>快乐流水贷添加结算卡只支持长沙银行或他行I类户</span>
      </div>
      <!-- 添加列表 -->
      <div class="g-list">
        <ul>
          <li>
            <div>
              <span>申请人姓名</span>
            </div>
            <div>
              <span>李小娃</span>
            </div>
          </li>
          <li>
            <div>
              <span>账户</span>
            </div>
            <div>
              <input type="text" placeholder="请输入银行账户" />
            </div>
          </li>
          <li>
            <div>
              <span>开户银行</span>
            </div>
            <div>
              <div>请选择银行卡开户银行</div>
              <ynet-icon name="arrow-right" size="lg"></ynet-icon>
            </div>
          </li>
          <li>
            <div>
              <span>别名</span>
            </div>
            <div>
              <input type="text" placeholder="可选输入，方便识别" />
            </div>
          </li>
        </ul>
      </div>
      <!-- 协议 -->
      <div class="g-havecard-deal">
        <div>
          <ynet-radio name="0" v-model="checked"></ynet-radio>
        </div>
        <div>
          <div>我已阅读并同意</div>
          <a href="javascript:;">《e钱庄资金结算服务协议》</a>
        </div>
      </div>
      <!-- 按钮 -->
      <div class="g-button">
        <ynet-button type="warning" inactive>下一步</ynet-button>
      </div>
      <!-- 支持银行 -->
      <div class="g-support">
        <a href="javascript:;">查看支持银行></a>
      </div>
      <!-- 可能添加 -->
      <div class="g-maybe">
        <div>您可能想添加以下长沙银行账户：</div>
        <ul>
          <li>
            <span class="g-maybe-icon"></span
            ><span class="g-maybe-text">尾号4417的存折</span>
          </li>
        </ul>
      </div>
    </div>
    <!-- 短信验证页 -->
    <div class="g-imessage" style="display:none">
      <!-- 提示 -->
      <div class="g-itip">
        <span>短信验证码将发送至绑定手机：189****1234</span>
      </div>
      <!-- 验证码 -->
      <div class="g-icheck">
        <div>
          <span>验证码</span>
        </div>
        <div>
          <input type="text" placeholder="请输入验证码" />
          <span>获取验证码</span>
        </div>
      </div>
      <!-- 按钮 -->
      <div class="g-ibutton">
        <ynet-button type="warning">添加</ynet-button>
      </div>
    </div>
  </m-page>
</template>

<script>
import { Button, CellItem, Icon, Radio } from "ynet-mobile";
import { limitApply, sendSMSCode } from "../request";
export default {
  components: {
    [Button.name]: Button,
    [CellItem.name]: CellItem,
    [Icon.name]: Icon,
    [Radio.name]: Radio
  },
  data() {
    return {
      inactive: false
    };
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
